<template>
    <Header></Header>
    <!-- 主内容区域 -->
    <main class="container max-w-screen-xl mx-auto p-4 px-6">
        <!-- grid 表格布局，分为 4 列 -->
        <div class="grid grid-cols-4 gap-7">
            <!-- 左边栏，占用 3 列 -->
            <div class="col-span-4 md:col-span-3 mb-3">
                <!-- 标签 -->
                  <div v-if="tags && tags.length > 0"
                    class="w-full p-5 pb-7 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700">

                    <!-- 标签标题 -->
                    <h2 class="flex items-center mb-5 font-bold text-gray-900 uppercase dark:text-white">
                        <!-- 标签图标 -->
                        <svg t="1698980289658" class="icon w-[1.2rem] h-[1.2rem] mr-2" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="13858" width="200" height="200">
                            <path
                                d="M646.4512 627.5584m-298.1888 0a298.1888 298.1888 0 1 0 596.3776 0 298.1888 298.1888 0 1 0-596.3776 0Z"
                                fill="#C7ACEF" p-id="13859"></path>
                            <path
                                d="M467.6096 962.5088c-34.4064 0-68.7616-13.1072-94.976-39.2704l-276.48-276.48c-52.3776-52.3776-52.3776-137.5744 0-189.9008L465.4592 87.552a105.216 105.216 0 0 1 76.8512-30.6176l308.6336 8.3456c55.3472 1.4848 100.096 46.0288 101.7856 101.376l9.5744 310.1696c0.8704 28.7744-10.2912 56.9344-30.6176 77.2608l-369.2032 369.2032c-26.112 26.112-60.4672 39.2192-94.8736 39.2192z m71.8848-844.1856c-11.4176 0-22.4768 4.5568-30.5664 12.6464L139.6224 500.2752c-28.416 28.416-28.416 74.6496 0 103.0144l276.48 276.48c28.416 28.416 74.6496 28.416 103.0144 0l369.2032-369.2032a43.4176 43.4176 0 0 0 12.6464-31.8976l-9.5744-310.1696c-0.7168-22.8864-19.2-41.2672-42.0352-41.8816l-308.6336-8.3456c-0.4608 0.0512-0.8192 0.0512-1.2288 0.0512z"
                                fill="#4F4F4F" p-id="13860"></path>
                            <path
                                d="M676.4032 445.5424c-62.208 0-112.8448-50.6368-112.8448-112.8448s50.6368-112.8448 112.8448-112.8448c62.208 0 112.8448 50.6368 112.8448 112.8448s-50.6368 112.8448-112.8448 112.8448z m0-164.1984c-28.3648 0-51.4048 23.04-51.4048 51.4048s23.04 51.4048 51.4048 51.4048c28.3648 0 51.4048-23.04 51.4048-51.4048s-23.0912-51.4048-51.4048-51.4048z"
                                fill="#4F4F4F" p-id="13861"></path>
                        </svg>
                        标签
                        <span class="ml-2 text-gray-600 font-normal dark:text-gray-300">( {{ tags.length }} )</span>

                    </h2>

					<!-- 标签列表 -->
                    <div class="flex flex-wrap gap-3">
                        <a v-for="(tag, index) in tags" :key="index" @click="goTagArticleListPage(tag.id, tag.name)"
                            :class="[route.query.name == tag.name ? 'bg-sky-100 hover:bg-sky-200' : 'hover:bg-gray-100']"
                            class="cursor-pointer inline-flex items-center px-3.5 py-1.5 text-xs font-medium text-center border rounded-[12px]
                            focus:ring-4 focus:outline-none focus:ring-gray-300 
                            dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 dark:focus:ring-gray-800 
                            dark:border-gray-700 dark:hover:text-white">
                            {{ tag.name }}
                            <span
                                class="inline-flex items-center justify-center w-4 h-4 ms-2 text-xs font-semibold text-sky-800 bg-sky-200 rounded-full">
                                {{ tag.articlesTotal }}
                            </span>
                        </a>
                    </div>
                </div>

                <!-- 标签文章列表 -->
                <div class="p-5 mb-4 border border-gray-200 rounded-lg bg-white dark:bg-gray-800 dark:border-gray-700">
                    <ol v-if="articles && articles.length > 0" class="divide-y divider-gray-200 dark:divide-gray-700">
                        <li v-for="(article, index) in articles" :key="index">
                            <a @click="goArticleDetail(article.id)" class="items-center block p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700">
                                <img class="w-24 h-12 mb-3 mr-3 rounded-lg sm:mb-0"
                                    :src="article.cover" />
                                <div class="text-gray-600 dark:text-gray-400">
                                    <h2 class="text-base font-normal text-gray-900">
                                        {{ article.title }}
                                    </h2>
                                    <span
                                        class="inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400">
                                        <svg class="inline w-2.5 h-2.5 mr-2 text-gray-400 dark:text-white"
                                            aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
                                            viewBox="0 0 20 20">
                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                                stroke-width="2"
                                                d="M5 1v3m5-3v3m5-3v3M1 7h18M5 11h10M2 3h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z" />
                                        </svg>
                                        {{ article.createDate }}
                                    </span>
                                </div>
                            </a>
                        </li>
                    </ol>

                    <!-- 该分类下没有文章提示，制定其 flex 布局，内容垂直水平居中，并纵向排列 -->
                    <div v-else class="flex items-center justify-center flex-col">
                        <svg height="300" node-id="1" sillyvg="true" template-height="600" template-width="600" version="1.1" viewBox="0 0 600 600" width="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs node-id="134"><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-1" node-id="5" spreadMethod="pad" x1="0.5" x2="0.5" y1="-0.2988559" y2="0.44050124"><stop offset="0" stop-color="#cfdffa"/><stop offset="1" stop-color="#eaf0fc" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-2" node-id="8" spreadMethod="pad" x1="0.5" x2="0.536227" y1="0.33748463" y2="0.6982291"><stop offset="0" stop-color="#cfdffa"/><stop offset="1" stop-color="#eaf0fc" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-3" node-id="11" spreadMethod="pad" x1="0.5" x2="0.536227" y1="0.3647456" y2="0.6649773"><stop offset="0" stop-color="#cfdffa"/><stop offset="1" stop-color="#eaf0fc" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-4" node-id="14" spreadMethod="pad" x1="0.5" x2="0.5728025" y1="0.11497374" y2="1"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-5" node-id="17" spreadMethod="pad" x1="0.5" x2="0.51940095" y1="0.11497374" y2="1.3188101"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-6" node-id="20" spreadMethod="pad" x1="0.5" x2="0.7428279" y1="0.130877" y2="1.2849896"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-7" node-id="23" spreadMethod="pad" x1="0.5" x2="0.54073364" y1="0.11497374" y2="1.3188101"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-8" node-id="26" spreadMethod="pad" x1="0.5" x2="0.5197958" y1="0.11497374" y2="1.3188101"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-9" node-id="29" spreadMethod="pad" x1="0.5" x2="0.5536437" y1="0.11497374" y2="1.3188101"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-10" node-id="32" spreadMethod="pad" x1="0.5" x2="0.7428279" y1="0.4825909" y2="0.53702277"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-11" node-id="35" spreadMethod="pad" x1="0.54518086" x2="0.51935977" y1="-0.9163265" y2="0.93870777"><stop offset="0" stop-color="#5792f0"/><stop offset="1" stop-color="#bfd4fa" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-12" node-id="38" spreadMethod="pad" x1="1.1846117" x2="-0.1793858" y1="1.1960512" y2="-0.012325581"><stop offset="0" stop-color="#5792f0"/><stop offset="1" stop-color="#bfd4fa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-13" node-id="41" spreadMethod="pad" x1="1.4685373" x2="-0.113176495" y1="0.5" y2="0.5"><stop offset="0" stop-color="#eaf0fc" stop-opacity="0"/><stop offset="1" stop-color="#cfdffa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-14" node-id="44" spreadMethod="pad" x1="1.4685373" x2="-0.113176495" y1="0.5" y2="0.5"><stop offset="0" stop-color="#eaf0fc" stop-opacity="0"/><stop offset="1" stop-color="#cfdffa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-15" node-id="47" spreadMethod="pad" x1="1.1846117" x2="-0.1793858" y1="0.7700945" y2="0.30119807"><stop offset="0" stop-color="#5792f0"/><stop offset="1" stop-color="#bfd4fa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-16" node-id="50" spreadMethod="pad" x1="0.643533" x2="0.25728312" y1="0.0000000000000035527137" y2="1.3419466"><stop offset="0" stop-color="#cfdffa"/><stop offset="1" stop-color="#eaf0fc" stop-opacity="0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-17" node-id="53" spreadMethod="pad" x1="1.4685373" x2="-0.113176495" y1="0.5" y2="0.5"><stop offset="0" stop-color="#eaf0fc" stop-opacity="0"/><stop offset="1" stop-color="#cfdffa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-18" node-id="56" spreadMethod="pad" x1="1.4685373" x2="-0.113176495" y1="0.5" y2="0.5"><stop offset="0" stop-color="#eaf0fc" stop-opacity="0"/><stop offset="1" stop-color="#cfdffa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-19" node-id="59" spreadMethod="pad" x1="2.1919618" x2="-0.1793858" y1="1.8808751" y2="-0.11529062"><stop offset="0" stop-color="#5792f0"/><stop offset="1" stop-color="#bfd4fa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-20" node-id="62" spreadMethod="pad" x1="2.2832854" x2="-0.1793858" y1="1.7308236" y2="-0.11529062"><stop offset="0" stop-color="#5792f0"/><stop offset="1" stop-color="#bfd4fa"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient1" node-id="256" spreadMethod="pad" x1="0.14347483" x2="1" y1="0.11709897" y2="0.73632693"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-21" node-id="65" spreadMethod="pad" x1="0.14347483" x2="1" y1="0.11709897" y2="0.73632693"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-22" node-id="68" spreadMethod="pad" x1="0.437073" x2="0.5" y1="-0.31010887" y2="0.93127173"><stop offset="0" stop-color="#bfd4fa"/><stop offset="1" stop-color="#5792f0"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-23" node-id="71" spreadMethod="pad" x1="0.5" x2="0.5" y1="0.12924309" y2="1"><stop offset="0" stop-color="#ffcda5"/><stop offset="1" stop-color="#ffe8d1"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-24" node-id="74" spreadMethod="pad" x1="0.57685447" x2="0.1128" y1="0" y2="1"><stop offset="0" stop-color="#fff2df"/><stop offset="1" stop-color="#fee0bc"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-25" node-id="77" spreadMethod="pad" x1="0.35606796" x2="2.1035957" y1="0.25737643" y2="0.6132207"><stop offset="0" stop-color="#fee127"/><stop offset="1" stop-color="#f9ab21"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-26" node-id="80" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1"><stop offset="0" stop-color="#fee127"/><stop offset="1" stop-color="#f9ab21"/></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-27" node-id="83" spreadMethod="pad" x1="0.33270946" x2="1.2695981" y1="0.25737643" y2="0.3818161"><stop offset="0" stop-color="#fee127"/><stop offset="1" stop-color="#f9ab21"/></linearGradient></defs><path d="M 0.00 0.00 L 1024.00 0.00 L 1024.00 1024.00 L 0.00 1024.00 Z" fill="none" id="矩形" node-id="87" stroke="none" target-height="1024" target-width="1024" target-x="0" target-y="0"/><g node-id="304"><g node-id="305"><path d="M 992.00 915.00 L 991.70 923.20 L 991.00 931.40 L 989.70 939.60 L 987.90 947.70 L 985.50 955.90 L 982.70 964.00 L 979.40 971.80 L 975.70 979.60 L 971.40 987.40 L 966.70 995.10 L 961.30 1002.90 L 955.50 1010.70 L 948.20 1019.40 L 940.10 1028.00 L 931.40 1036.60 L 921.80 1045.20 L 911.40 1053.70 L 900.90 1061.50 L 889.70 1069.30 L 877.80 1076.90 L 865.00 1084.40 L 851.40 1091.80 L 837.80 1098.60 L 823.70 1105.10 L 809.00 1111.40 L 793.80 1117.40 L 778.50 1122.90 L 762.70 1128.20 L 746.40 1133.20 L 729.70 1137.80 L 713.00 1142.00 L 695.90 1145.90 L 678.40 1149.50 L 660.50 1152.70 L 624.60 1158.00 L 606.20 1160.10 L 568.90 1163.20 L 550.10 1164.20 L 512.00 1165.00 L 473.90 1164.20 L 455.10 1163.20 L 417.80 1160.10 L 399.40 1158.00 L 363.50 1152.70 L 345.60 1149.50 L 328.10 1145.90 L 311.00 1142.00 L 294.30 1137.80 L 277.60 1133.20 L 261.30 1128.20 L 245.50 1122.90 L 230.20 1117.40 L 215.00 1111.40 L 200.30 1105.10 L 186.20 1098.60 L 172.60 1091.80 L 159.00 1084.40 L 146.20 1076.90 L 134.30 1069.30 L 123.10 1061.50 L 112.60 1053.70 L 102.20 1045.20 L 92.60 1036.60 L 83.90 1028.00 L 75.80 1019.40 L 68.50 1010.70 L 62.70 1002.90 L 57.30 995.10 L 52.60 987.40 L 48.30 979.60 L 44.60 971.80 L 41.30 964.00 L 38.50 955.90 L 36.10 947.70 L 34.30 939.60 L 33.00 931.40 L 32.30 923.20 L 32.00 915.00 L 32.30 906.80 L 33.00 898.60 L 34.30 890.40 L 36.10 882.30 L 38.50 874.10 L 41.30 866.00 L 44.60 858.20 L 48.30 850.40 L 52.60 842.60 L 57.30 834.90 L 62.70 827.10 L 68.50 819.30 L 75.80 810.60 L 83.90 802.00 L 92.60 793.40 L 102.20 784.80 L 112.60 776.30 L 123.10 768.50 L 134.30 760.70 L 146.20 753.10 L 159.00 745.60 L 172.60 738.20 L 186.20 731.40 L 200.30 724.90 L 215.00 718.60 L 230.20 712.60 L 245.50 707.10 L 261.30 701.80 L 277.60 696.80 L 294.30 692.20 L 311.00 688.00 L 328.10 684.10 L 345.60 680.50 L 363.50 677.30 L 399.40 672.00 L 417.80 669.90 L 455.10 666.80 L 473.90 665.80 L 512.00 665.00 L 550.10 665.80 L 568.90 666.80 L 606.20 669.90 L 624.60 672.00 L 660.50 677.30 L 678.40 680.50 L 695.90 684.10 L 713.00 688.00 L 729.70 692.20 L 746.40 696.80 L 762.70 701.80 L 778.50 707.10 L 793.80 712.60 L 809.00 718.60 L 823.70 724.90 L 837.80 731.40 L 851.40 738.20 L 865.00 745.60 L 877.80 753.10 L 889.70 760.70 L 900.90 768.50 L 911.40 776.30 L 921.80 784.80 L 931.40 793.40 L 940.10 802.00 L 948.20 810.60 L 955.50 819.30 L 961.30 827.10 L 966.70 834.90 L 971.40 842.60 L 975.70 850.40 L 979.40 858.20 L 982.70 866.00 L 985.50 874.10 L 987.90 882.30 L 989.70 890.40 L 991.00 898.60 L 991.70 906.80 L 992.00 915.00 Z" fill="url(#linearGradient-1)" fill-rule="evenodd" group-id="1,2" id="椭圆形" node-id="90" stroke="none" target-height="500" target-width="960" target-x="32" target-y="665"/><path d="M 846.00 265.20 L 845.70 268.80 L 844.90 272.10 L 843.60 275.30 L 841.80 278.30 L 839.60 281.00 L 836.90 283.60 L 833.90 285.70 L 830.60 287.60 L 827.00 289.10 L 823.20 290.20 L 819.10 290.90 L 814.70 291.10 L 718.00 291.10 L 713.60 290.60 L 709.50 289.70 L 705.60 288.50 L 701.90 286.90 L 698.50 285.00 L 695.50 282.80 L 692.70 280.20 L 690.40 277.50 L 688.50 274.40 L 687.20 271.20 L 686.30 267.80 L 686.00 264.10 L 686.20 260.80 L 686.90 257.70 L 688.00 254.80 L 689.60 252.00 L 693.60 246.90 L 698.90 242.70 L 702.00 241.00 L 701.00 238.40 L 700.50 235.80 L 700.90 232.60 L 701.90 229.60 L 703.50 226.70 L 705.60 224.20 L 708.10 221.90 L 711.20 220.00 L 714.60 218.60 L 718.30 217.80 L 722.40 217.40 L 726.10 217.70 L 729.50 218.60 L 732.60 219.90 L 735.50 221.50 L 738.60 217.20 L 742.30 213.30 L 746.40 209.70 L 751.00 206.70 L 755.90 204.00 L 761.30 201.90 L 765.50 200.70 L 774.30 199.20 L 779.10 199.00 L 788.70 199.80 L 793.20 200.80 L 797.50 202.10 L 805.60 205.80 L 812.50 210.70 L 815.60 213.50 L 818.30 216.60 L 820.70 219.80 L 822.70 223.30 L 824.30 226.90 L 825.40 230.70 L 826.10 234.60 L 826.40 241.00 L 830.20 242.60 L 833.60 244.50 L 836.60 246.70 L 839.40 249.20 L 841.70 252.00 L 843.50 255.00 L 844.90 258.20 L 845.70 261.60 L 846.00 265.20 Z" fill="url(#linearGradient-2)" fill-rule="evenodd" group-id="1,2" id="云" node-id="91" stroke="none" target-height="92.100006" target-width="160" target-x="686" target-y="199"/><path d="M 198.20 149.00 L 204.40 149.30 L 210.20 150.30 L 215.90 151.80 L 221.30 153.90 L 226.50 156.50 L 231.30 159.60 L 235.80 163.20 L 239.80 167.20 L 243.50 171.60 L 246.70 176.30 L 249.40 181.40 L 251.70 186.80 L 288.50 186.80 L 291.70 187.10 L 294.60 187.90 L 297.30 189.20 L 299.80 190.90 L 301.90 193.00 L 303.60 195.40 L 304.90 198.20 L 305.70 201.10 L 306.00 204.30 L 306.00 247.10 L 305.70 250.20 L 304.90 253.20 L 303.60 255.90 L 301.90 258.30 L 299.80 260.40 L 297.30 262.20 L 294.60 263.50 L 291.70 264.30 L 288.50 264.60 L 110.20 264.60 L 107.00 264.30 L 104.00 263.50 L 101.30 262.20 L 98.90 260.40 L 96.80 258.30 L 95.10 255.90 L 93.80 253.20 L 93.00 250.20 L 92.70 247.10 L 92.70 234.60 L 89.10 227.50 L 87.70 223.60 L 86.20 215.50 L 86.00 211.20 L 86.20 206.60 L 86.90 202.20 L 88.00 198.00 L 89.50 193.90 L 91.40 190.00 L 93.60 186.40 L 96.10 183.00 L 99.00 179.80 L 102.20 176.90 L 105.60 174.40 L 109.20 172.20 L 113.10 170.30 L 117.20 168.80 L 121.40 167.70 L 125.80 167.00 L 130.40 166.80 L 138.20 167.50 L 145.50 169.40 L 152.30 172.50 L 155.90 167.90 L 160.00 163.80 L 164.60 160.10 L 169.40 156.80 L 174.60 154.10 L 180.20 151.90 L 184.50 150.70 L 193.50 149.20 L 198.20 149.00 Z" fill="url(#linearGradient-3)" fill-rule="evenodd" group-id="1,2" id="云" node-id="92" stroke="none" target-height="115.600006" target-width="220" target-x="86" target-y="149"/><g node-id="308"><path d="M 241.60 797.00 L 240.90 798.30 L 238.00 799.80 L 232.30 800.90 L 228.80 801.00 L 225.30 800.80 L 219.60 799.80 L 217.70 799.00 L 216.20 797.70 L 216.00 797.00 L 216.70 795.70 L 219.60 794.20 L 225.30 793.20 L 228.80 793.00 L 232.30 793.20 L 238.00 794.20 L 240.90 795.70 L 241.60 797.00 Z" fill="#ccdcf6" fill-rule="evenodd" group-id="1,2,5" id="椭圆形" node-id="94" stroke="none" target-height="8" target-width="25.600006" target-x="216" target-y="793"/><path d="M 215.20 795.40 L 216.10 785.20 L 217.40 776.60 L 219.10 769.30 L 221.10 763.30 L 223.30 758.30 L 225.70 754.20 L 228.20 750.90 L 231.00 748.30 L 233.90 746.30 L 237.10 744.90 L 242.60 744.40 L 244.60 744.90 L 245.20 746.10 L 245.00 747.40 L 243.90 749.80 L 242.80 751.20 L 236.10 757.00 L 233.90 759.40 L 231.70 762.30 L 229.20 766.50 L 226.80 771.40 L 224.10 778.00 L 221.60 785.50 L 218.90 795.40 L 218.10 796.40 L 217.30 796.80 L 216.40 796.50 L 215.20 795.40 Z" fill="url(#linearGradient-4)" fill-rule="nonzero" group-id="1,2,5" id="路径-42" node-id="95" stroke="none" target-height="52.399963" target-width="30" target-x="215.2" target-y="744.4"/><path d="M 215.00 795.10 L 212.00 772.80 L 209.70 758.00 L 207.90 748.90 L 202.50 728.90 L 202.00 725.30 L 202.10 722.50 L 202.60 720.90 L 203.40 719.80 L 204.50 719.10 L 205.80 719.00 L 207.90 719.40 L 210.80 720.70 L 212.80 722.00 L 216.40 726.00 L 218.00 728.70 L 219.70 732.50 L 221.20 736.90 L 223.20 747.20 L 224.00 758.50 L 224.00 767.10 L 223.30 775.70 L 222.50 781.40 L 220.30 791.50 L 219.00 794.90 L 217.90 796.50 L 217.10 797.10 L 216.50 797.10 L 215.80 796.50 L 215.00 795.10 Z" fill="url(#linearGradient-5)" fill-rule="nonzero" group-id="1,2,5" id="路径-41" node-id="96" stroke="none" target-height="78.099976" target-width="22" target-x="202" target-y="719"/></g><g node-id="309"><path d="M 784.00 759.90 L 782.80 755.70 L 781.20 752.00 L 779.20 748.50 L 776.70 745.40 L 773.80 742.60 L 770.40 740.10 L 766.50 737.80 L 755.20 733.40 L 750.50 731.20 L 747.70 729.30 L 746.10 727.80 L 745.40 726.40 L 745.40 725.40 L 745.90 724.40 L 747.00 723.40 L 749.10 722.20 L 757.50 721.50 L 761.10 721.90 L 763.50 722.50 L 766.00 723.60 L 768.70 725.30 L 771.10 727.30 L 773.70 730.20 L 776.50 734.00 L 778.90 738.10 L 781.40 743.30 L 784.00 750.10 L 784.50 753.40 L 784.50 756.70 L 784.00 759.90 Z" fill="url(#linearGradient-6)" fill-rule="nonzero" group-id="1,2,6" id="路径-43" node-id="98" stroke="none" target-height="38.400024" target-width="39.099976" target-x="745.4" target-y="721.5"/><path d="M 784.60 761.70 L 780.90 748.90 L 777.30 737.80 L 773.70 728.20 L 770.10 719.90 L 766.50 712.80 L 763.00 706.80 L 758.00 699.50 L 755.80 694.80 L 754.90 691.20 L 754.70 687.70 L 754.80 685.50 L 756.00 681.70 L 756.90 680.10 L 758.20 678.90 L 759.60 678.00 L 764.10 678.00 L 765.80 678.30 L 769.50 680.10 L 771.30 681.50 L 773.30 683.70 L 775.50 686.80 L 777.30 690.10 L 781.50 700.50 L 785.20 714.00 L 787.20 723.40 L 788.80 737.20 L 788.90 747.70 L 788.30 753.00 L 787.20 757.80 L 786.50 759.40 L 784.60 761.70 Z" fill="url(#linearGradient-7)" fill-rule="nonzero" group-id="1,2,6" id="路径-44" node-id="99" stroke="none" target-height="83.70001" target-width="34.200012" target-x="754.7" target-y="678"/><path d="M 786.30 755.50 L 787.40 750.60 L 788.10 745.10 L 788.50 739.10 L 788.40 732.40 L 787.80 724.90 L 786.70 716.70 L 785.00 707.60 L 779.00 689.90 L 777.50 684.30 L 776.70 680.60 L 776.30 674.30 L 777.10 670.30 L 779.10 667.30 L 780.50 666.20 L 782.30 665.30 L 784.60 664.70 L 787.60 664.40 L 790.00 665.00 L 792.50 666.20 L 794.00 667.30 L 797.10 670.90 L 799.50 676.20 L 800.60 680.00 L 802.00 688.60 L 802.40 694.50 L 802.20 707.50 L 801.70 715.90 L 798.90 730.80 L 795.40 743.30 L 791.50 755.50 L 790.00 756.00 L 788.30 756.10 L 786.30 755.50 Z" fill="url(#linearGradient-8)" fill-rule="nonzero" group-id="1,2,6" id="路径-45" node-id="100" stroke="none" target-height="91.69995" target-width="26.100037" target-x="776.3" target-y="664.4"/><path d="M 790.20 760.30 L 790.00 748.80 L 790.40 738.40 L 791.40 729.00 L 792.80 720.60 L 794.60 713.10 L 796.80 706.30 L 799.40 700.20 L 802.30 694.80 L 805.60 690.00 L 810.50 684.30 L 812.50 682.90 L 814.80 681.80 L 817.20 681.10 L 819.70 680.90 L 822.00 681.40 L 823.40 682.00 L 825.80 684.60 L 826.50 686.30 L 827.10 688.60 L 827.30 691.80 L 824.20 702.40 L 822.00 707.70 L 819.30 713.20 L 815.30 720.00 L 808.60 729.50 L 804.00 735.10 L 799.90 741.60 L 795.50 751.50 L 794.00 756.30 L 793.70 758.70 L 793.00 759.50 L 791.90 760.00 L 790.20 760.30 Z" fill="url(#linearGradient-9)" fill-rule="nonzero" group-id="1,2,6" id="路径-46" node-id="101" stroke="none" target-height="79.39996" target-width="37.299988" target-x="790" target-y="680.9"/><path d="M 718.10 764.80 L 730.00 762.40 L 736.60 760.50 L 739.80 759.20 L 744.20 755.80 L 746.70 754.30 L 753.80 751.30 L 757.80 750.30 L 760.60 749.90 L 766.10 750.20 L 768.80 750.90 L 771.30 752.00 L 773.80 753.70 L 776.70 751.50 L 778.60 750.70 L 780.80 750.30 L 783.00 750.30 L 786.70 751.40 L 789.30 753.70 L 790.10 751.50 L 791.20 749.40 L 792.70 747.50 L 795.50 744.90 L 798.60 742.80 L 802.00 741.10 L 805.20 740.00 L 808.30 739.50 L 812.90 739.40 L 819.20 739.90 L 822.80 740.80 L 827.40 743.00 L 829.70 744.70 L 831.80 746.70 L 833.60 749.20 L 835.30 752.30 L 836.60 755.60 L 837.50 759.80 L 838.10 764.80 L 718.10 764.80 Z" fill="url(#linearGradient-10)" fill-rule="nonzero" group-id="1,2,6" id="路径-47" node-id="102" stroke="none" target-height="25.399963" target-width="120" target-x="718.1" target-y="739.4"/></g></g><g node-id="306"><g node-id="310"><path d="M 299.90 735.70 L 542.80 731.10 L 750.00 831.20 L 564.00 993.10 Z" fill="url(#linearGradient-11)" fill-opacity="0.3" fill-rule="nonzero" group-id="1,3,7" id="路径" node-id="104" stroke="none" target-height="262" target-width="450.1" target-x="299.9" target-y="731.1"/></g><path d="M 288.80 453.00 L 368.70 453.00 L 382.00 474.00 L 512.70 473.80 L 517.10 474.10 L 521.30 474.90 L 525.20 476.30 L 528.90 478.20 L 532.30 480.40 L 535.40 483.10 L 538.10 486.20 L 540.40 489.60 L 542.30 493.30 L 543.60 497.20 L 544.50 501.40 L 544.80 505.80 L 544.80 686.60 L 288.80 686.60 L 288.80 453.00 Z" fill="url(#linearGradient-12)" fill-rule="nonzero" group-id="1,3" id="矩形" node-id="105" stroke="none" target-height="233.59998" target-width="256" target-x="288.8" target-y="453"/><path d="M 316.00 504.20 L 524.00 504.20 L 524.00 734.60 L 316.00 734.60 Z" fill="url(#linearGradient-13)" fill-rule="evenodd" group-id="1,3" id="矩形" node-id="106" stroke="none" target-height="230.39996" target-width="208" target-x="316" target-y="504.2"/><path d="M 311.20 526.60 L 528.80 526.60 L 528.80 729.80 L 311.20 729.80 Z" fill="#ffffff" fill-rule="evenodd" group-id="1,3" id="矩形" node-id="107" stroke="none" target-height="203.20001" target-width="217.59998" target-x="311.2" target-y="526.6"/><path d="M 309.60 541.00 L 535.20 541.00 L 535.20 728.20 L 309.60 728.20 Z" fill="url(#linearGradient-14)" fill-rule="evenodd" group-id="1,3" id="矩形" node-id="108" stroke="none" target-height="187.20001" target-width="225.6" target-x="309.6" target-y="541"/><path d="M 268.00 561.80 L 572.00 561.80 L 544.40 734.60 L 295.60 734.60 Z" fill="url(#linearGradient-15)" fill-rule="nonzero" group-id="1,3" id="矩形" node-id="109" stroke="none" target-height="172.79999" target-width="304" target-x="268" target-y="561.8"/><path d="M 449.60 637.00 L 452.40 637.70 L 453.60 638.60 L 454.50 639.80 L 455.20 642.60 L 455.00 644.10 L 453.60 646.60 L 451.10 648.00 L 449.60 648.20 L 448.10 648.00 L 445.60 646.60 L 444.70 645.40 L 444.00 642.60 L 444.20 641.10 L 445.60 638.60 L 448.10 637.20 L 449.60 637.00 Z" fill="url(#linearGradient-16)" fill-rule="evenodd" group-id="1,3" id="矩形" node-id="110" stroke="none" target-height="11.200012" target-width="11.200012" target-x="444" target-y="637"/><path d="M 472.00 637.00 L 511.90 637.20 L 514.40 638.60 L 515.30 639.80 L 516.00 642.60 L 515.30 645.40 L 514.40 646.60 L 511.90 648.00 L 470.50 648.00 L 468.00 646.60 L 467.10 645.40 L 466.40 642.60 L 466.60 641.10 L 468.00 638.60 L 469.20 637.70 L 472.00 637.00 Z" fill="url(#linearGradient-17)" fill-rule="evenodd" group-id="1,3" id="矩形" node-id="111" stroke="none" target-height="11" target-width="49.600006" target-x="466.4" target-y="637"/><path d="M 448.00 661.00 L 510.30 661.20 L 512.80 662.60 L 513.70 663.80 L 514.40 666.60 L 514.20 668.10 L 512.80 670.60 L 511.60 671.50 L 508.80 672.20 L 446.50 672.00 L 444.00 670.60 L 442.60 668.10 L 442.40 666.60 L 443.10 663.80 L 444.00 662.60 L 446.50 661.20 L 448.00 661.00 Z" fill="url(#linearGradient-18)" fill-rule="evenodd" group-id="1,3" id="矩形备份-2" node-id="112" stroke="none" target-height="11.200012" target-width="72.00003" target-x="442.4" target-y="661"/><path d="M 428.00 441.80 L 427.80 445.10 L 427.10 448.20 L 426.10 451.10 L 424.70 453.90 L 421.00 458.80 L 416.10 462.50 L 413.30 463.90 L 410.40 464.90 L 407.30 465.60 L 404.00 465.80 L 400.70 465.60 L 397.60 464.90 L 394.70 463.90 L 389.30 460.80 L 385.00 456.50 L 383.30 453.90 L 381.90 451.10 L 380.90 448.20 L 380.20 445.10 L 380.00 441.80 L 380.20 438.50 L 380.90 435.40 L 381.90 432.50 L 385.00 427.10 L 389.30 422.80 L 394.70 419.70 L 397.60 418.70 L 400.70 418.00 L 404.00 417.80 L 407.30 418.00 L 410.40 418.70 L 413.30 419.70 L 416.10 421.10 L 421.00 424.80 L 424.70 429.70 L 426.10 432.50 L 427.10 435.40 L 427.80 438.50 L 428.00 441.80 Z" fill="url(#linearGradient-19)" fill-rule="nonzero" group-id="1,3" id="椭圆形" node-id="113" stroke="none" target-height="48" target-width="48" target-x="380" target-y="417.8"/><path d="M 404.00 449.80 L 394.60 454.70 L 396.40 444.30 L 388.80 436.90 L 399.30 435.30 L 404.00 425.80 L 408.70 435.30 L 419.20 436.90 L 411.60 444.30 L 413.40 454.70 Z" fill="#ffffff" fill-rule="evenodd" group-id="1,3" id="星形" node-id="114" stroke="none" target-height="28.900024" target-width="30.400024" target-x="388.8" target-y="425.8"/><path d="M 584.00 378.20 L 583.70 383.50 L 582.90 388.60 L 581.70 393.50 L 580.00 398.10 L 577.80 402.60 L 575.20 406.80 L 572.30 410.80 L 569.00 414.40 L 565.40 417.70 L 561.40 420.60 L 557.20 423.20 L 552.70 425.40 L 548.10 427.10 L 543.20 428.30 L 538.10 429.10 L 532.80 429.40 L 527.50 429.10 L 522.40 428.30 L 517.50 427.10 L 512.90 425.40 L 508.40 423.20 L 504.20 420.60 L 500.20 417.70 L 496.60 414.40 L 493.30 410.80 L 490.40 406.80 L 487.80 402.60 L 485.60 398.10 L 483.90 393.50 L 482.70 388.60 L 481.90 383.50 L 481.60 378.20 L 481.90 372.90 L 482.70 367.80 L 483.90 362.90 L 485.60 358.30 L 487.80 353.80 L 490.40 349.60 L 493.30 345.60 L 496.60 342.00 L 500.20 338.70 L 504.20 335.80 L 508.40 333.20 L 512.90 331.00 L 517.50 329.30 L 522.40 328.10 L 527.50 327.30 L 532.80 327.00 L 538.10 327.30 L 543.20 328.10 L 548.10 329.30 L 552.70 331.00 L 557.20 333.20 L 561.40 335.80 L 565.40 338.70 L 569.00 342.00 L 572.30 345.60 L 575.20 349.60 L 577.80 353.80 L 580.00 358.30 L 581.70 362.90 L 582.90 367.80 L 583.70 372.90 L 584.00 378.20 Z" fill="url(#linearGradient-20)" fill-rule="nonzero" group-id="1,3" id="椭圆形" node-id="115" stroke="none" target-height="102.399994" target-width="102.399994" target-x="481.6" target-y="327"/><path d="M 529.60 388.40 L 529.60 381.60 L 534.60 381.40 L 536.20 381.00 L 539.00 379.20 L 541.10 376.60 L 542.20 373.30 L 542.40 371.40 L 542.20 366.10 L 541.80 364.40 L 540.20 361.40 L 537.70 359.20 L 536.20 358.40 L 532.80 357.80 L 529.40 358.40 L 526.60 360.20 L 524.50 362.80 L 523.40 366.10 L 523.20 371.40 L 516.80 371.40 L 517.10 364.80 L 517.80 362.00 L 519.00 359.40 L 520.50 357.00 L 522.40 355.00 L 524.70 353.30 L 527.20 352.00 L 529.80 351.30 L 532.80 351.00 L 535.80 351.30 L 538.40 352.00 L 540.90 353.30 L 543.20 355.00 L 545.10 357.00 L 546.60 359.40 L 547.80 362.00 L 548.50 364.80 L 548.80 368.00 L 548.60 374.10 L 547.10 379.00 L 545.90 381.20 L 542.60 384.80 L 538.40 387.30 L 536.00 388.10 L 536.00 395.20 L 529.60 395.20 L 529.60 388.40 Z M 529.60 398.60 L 536.00 398.60 L 536.00 405.40 L 529.60 405.40 L 529.60 398.60 Z" fill="#ffffff" fill-rule="nonzero" group-id="1,3" id="形状" node-id="116" stroke="none" target-height="54.399994" target-width="32" target-x="516.8" target-y="351"/></g><g node-id="307"><path d="M 720.00 749.00 L 719.80 750.50 L 719.10 752.10 L 717.90 753.60 L 716.10 755.20 L 713.40 757.00 L 709.90 758.70 L 705.40 760.30 L 695.50 762.80 L 689.50 763.70 L 677.00 764.80 L 670.00 765.00 L 663.00 764.80 L 650.50 763.70 L 644.50 762.80 L 634.60 760.30 L 630.10 758.70 L 626.60 757.00 L 623.90 755.20 L 622.10 753.60 L 620.90 752.10 L 620.20 750.50 L 620.00 749.00 L 620.20 747.50 L 620.90 745.90 L 622.10 744.40 L 623.90 742.80 L 626.60 741.00 L 630.10 739.30 L 634.60 737.70 L 644.50 735.20 L 650.50 734.30 L 663.00 733.20 L 670.00 733.00 L 677.00 733.20 L 689.50 734.30 L 695.50 735.20 L 705.40 737.70 L 709.90 739.30 L 713.40 741.00 L 716.10 742.80 L 717.90 744.40 L 719.10 745.90 L 719.80 747.50 L 720.00 749.00 Z" fill="#ccdcf6" fill-rule="evenodd" group-id="1,4" id="椭圆形" node-id="118" stroke="none" target-height="32" target-width="100" target-x="620" target-y="733"/><path d="M 654.60 737.40 L 653.80 742.90 L 650.50 743.20 L 646.80 744.20 L 642.80 745.80 L 640.50 747.80 L 640.00 749.60 L 640.30 749.90 L 642.30 750.20 L 648.20 750.30 L 661.70 749.60 L 661.70 735.40 L 654.60 737.40 Z" fill="url(#linearGradient1)" fill-rule="nonzero" group-id="1,4" id="路径-52" node-id="119" stroke="none" target-height="14.899963" target-width="21.700012" target-x="640" target-y="735.4"/><path d="M 686.60 737.40 L 685.80 742.90 L 682.50 743.20 L 678.80 744.20 L 674.80 745.80 L 672.50 747.80 L 672.00 749.60 L 672.30 749.90 L 674.30 750.20 L 680.20 750.30 L 693.70 749.60 L 693.70 735.40 L 686.60 737.40 Z" fill="url(#linearGradient-21)" fill-rule="nonzero" group-id="1,4" id="路径-52备份-2" node-id="120" stroke="none" target-height="14.899963" target-width="21.700012" target-x="672" target-y="735.4"/><path d="M 679.50 626.00 L 688.80 626.60 L 688.20 638.50 L 688.10 650.90 L 688.50 665.50 L 691.70 706.30 L 695.30 740.40 L 685.00 740.40 L 680.60 724.50 L 676.50 707.70 L 672.50 687.90 L 669.40 667.10 L 668.50 656.90 L 668.20 647.50 L 666.00 662.40 L 664.40 679.60 L 663.00 713.90 L 662.80 741.00 L 652.00 739.90 L 649.30 708.80 L 647.20 671.60 L 647.10 654.40 L 647.60 640.80 L 648.50 628.50 L 653.80 628.00 L 659.20 627.90 L 664.60 628.30 L 668.50 627.10 L 672.90 626.30 L 679.50 626.00 Z" fill="url(#linearGradient-22)" fill-rule="nonzero" group-id="1,4" id="腿" node-id="121" stroke="none" target-height="115" target-width="48.200012" target-x="647.1" target-y="626"/><g node-id="311"><path d="M 679.70 540.40 L 665.00 540.40 L 665.00 555.20 L 679.70 555.20 Z" fill="url(#linearGradient-23)" fill-rule="evenodd" group-id="1,4,8" id="矩形" node-id="123" stroke="none" target-height="14.799988" target-width="14.700012" target-x="665" target-y="540.4"/><path d="M 655.60 529.00 L 655.90 532.10 L 656.50 534.90 L 657.60 537.50 L 659.10 539.90 L 660.90 541.90 L 662.90 543.50 L 665.20 544.70 L 667.70 545.50 L 670.30 545.80 L 673.00 545.50 L 675.50 544.70 L 677.80 543.50 L 679.80 541.90 L 681.60 539.90 L 683.10 537.50 L 684.10 534.90 L 684.80 532.10 L 685.10 529.00 L 684.80 526.00 L 684.10 523.20 L 683.10 520.60 L 681.60 518.20 L 679.80 516.20 L 677.80 514.60 L 675.50 513.40 L 673.00 512.60 L 670.30 512.30 L 667.70 512.60 L 665.20 513.40 L 662.90 514.60 L 660.90 516.20 L 659.10 518.20 L 657.60 520.60 L 656.50 523.20 L 655.90 526.00 L 655.60 529.00 Z" fill="url(#linearGradient-24)" fill-rule="evenodd" group-id="1,4,8" id="椭圆形" node-id="124" stroke="none" target-height="33.5" target-width="29.5" target-x="655.6" target-y="512.3"/><path d="M 657.00 518.40 L 659.70 521.70 L 662.40 524.30 L 665.20 526.20 L 668.00 527.60 L 670.90 528.60 L 671.90 528.70 L 674.50 528.40 L 676.40 528.70 L 677.40 530.40 L 677.10 532.90 L 676.00 535.00 L 675.20 535.50 L 674.30 535.50 L 675.30 537.50 L 677.10 539.90 L 680.10 542.80 L 682.60 543.40 L 685.00 543.40 L 687.50 542.80 L 690.10 541.40 L 691.70 539.50 L 694.30 534.30 L 695.50 529.00 L 695.60 526.20 L 694.70 520.00 L 693.60 517.00 L 691.90 513.90 L 689.60 510.70 L 686.40 508.40 L 684.10 507.10 L 681.40 506.00 L 678.20 505.10 L 673.40 504.80 L 670.70 505.20 L 668.10 505.80 L 665.20 507.00 L 662.10 508.80 L 660.00 510.40 L 658.50 512.20 L 657.50 514.10 L 657.00 516.10 L 657.00 518.40 Z" fill="#483029" fill-rule="evenodd" group-id="1,4,8" id="路径-53" node-id="125" stroke="none" target-height="38.600037" target-width="38.599976" target-x="657" target-y="504.8"/><path d="M 680.30 509.60 L 680.60 511.60 L 681.30 513.40 L 682.50 514.90 L 684.00 516.10 L 685.80 516.80 L 687.70 517.10 L 689.70 516.80 L 691.50 516.10 L 693.00 514.90 L 694.20 513.40 L 694.90 511.60 L 695.20 509.60 L 694.90 507.60 L 694.20 505.90 L 693.00 504.40 L 691.50 503.20 L 689.70 502.50 L 687.70 502.20 L 685.80 502.50 L 684.00 503.20 L 682.50 504.40 L 681.30 505.90 L 680.60 507.60 L 680.30 509.60 Z" fill="#483029" fill-rule="evenodd" group-id="1,4,8" id="椭圆形" node-id="126" stroke="none" target-height="14.899963" target-width="14.900024" target-x="680.3" target-y="502.2"/></g><g node-id="312"><path d="M 663.50 549.00 L 659.80 551.10 L 655.40 554.90 L 653.50 557.50 L 651.60 561.10 L 649.80 565.20 L 647.20 573.20 L 643.70 587.60 L 641.10 593.60 L 638.00 598.90 L 635.80 601.80 L 632.80 603.70 L 628.70 605.90 L 622.50 608.20 L 625.40 617.30 L 635.80 615.60 L 642.80 613.70 L 646.10 612.30 L 648.30 611.00 L 651.70 607.70 L 652.90 606.00 L 654.90 601.80 L 663.50 549.00 Z" fill="url(#linearGradient-25)" fill-rule="evenodd" group-id="1,4,9" id="胳膊" node-id="128" stroke="none" target-height="68.29999" target-width="41" target-x="622.5" target-y="549"/><path d="M 666.80 555.00 L 679.70 547.80 L 686.20 553.10 L 688.30 555.80 L 688.90 557.40 L 690.10 565.20 L 690.30 581.70 L 692.30 627.70 L 668.70 628.50 L 647.90 627.90 L 654.40 568.40 L 655.90 560.00 L 657.80 554.60 L 659.10 552.20 L 661.30 550.10 L 663.80 548.90 L 664.90 548.50 L 666.80 555.00 Z" fill="url(#linearGradient-26)" fill-rule="evenodd" group-id="1,4,9" id="衣服" node-id="129" stroke="none" target-height="80.70001" target-width="44.399963" target-x="647.9" target-y="547.8"/><path d="M 683.60 551.10 L 688.60 554.90 L 690.30 556.70 L 691.50 558.40 L 693.10 563.50 L 694.40 571.00 L 696.00 588.90 L 695.70 591.70 L 694.50 595.00 L 691.40 598.00 L 679.90 605.90 L 672.90 610.30 L 657.00 619.10 L 652.00 607.90 L 679.10 588.00 L 680.30 586.60 L 680.60 585.70 L 680.40 583.50 L 678.20 569.50 L 678.00 563.90 L 678.80 559.30 L 680.70 555.40 L 683.60 551.10 Z" fill="url(#linearGradient-27)" fill-rule="evenodd" group-id="1,4,9" id="胳膊-2" node-id="130" stroke="none" target-height="68" target-width="44" target-x="652" target-y="551.1"/><path d="M 618.10 593.90 L 648.50 593.90 L 649.50 594.30 L 649.90 595.30 L 650.80 615.30 L 650.40 616.30 L 649.90 616.60 L 620.10 616.70 L 619.10 616.30 L 618.70 615.30 L 616.60 595.30 L 617.00 594.30 L 618.10 593.90 Z" fill="#483029" fill-rule="evenodd" group-id="1,4,9" id="iPad" node-id="131" stroke="none" target-height="22.799988" target-width="34.200012" target-x="616.6" target-y="593.9"/><path d="M 652.00 608.20 L 643.60 608.50 L 642.90 609.00 L 642.90 610.30 L 645.40 611.40 L 642.20 611.90 L 637.60 612.10 L 637.30 613.30 L 638.10 617.80 L 639.90 618.80 L 648.30 619.40 L 652.70 619.10 L 656.40 618.00 L 654.30 612.90 L 652.00 608.20 Z M 618.50 608.40 L 625.70 607.90 L 626.20 608.30 L 626.30 609.60 L 624.30 610.80 L 627.00 611.10 L 631.00 610.90 L 631.30 612.00 L 631.20 615.50 L 630.70 616.70 L 629.50 617.40 L 622.40 618.60 L 617.10 618.50 L 616.30 617.40 L 616.00 614.70 L 616.30 612.00 L 617.00 609.60 L 617.50 608.70 L 618.50 608.40 Z" fill="#fee0bc" fill-rule="evenodd" group-id="1,4,9" id="手" node-id="132" stroke="none" target-height="11.5" target-width="40.400024" target-x="616" target-y="607.9"/></g></g></g></svg>
                        <p class="mt-2 mb-16 text-gray-400">此分类下还未发布文章哟~</p>
                    </div>
                </div>
                <!-- 分页 -->
                <nav v-if="pages > 1" aria-label="Page navigation example" class="mt-10 flex justify-center">
                    <ul class="flex items-center -space-x-px h-10 text-base">
                        <!-- 上一页 -->
                        <li>
                            <a  @click="getTagArticles(current - 1)"
                                class="flex items-center justify-center px-4 h-10 ml-0 leading-tight text-gray-500 bg-white border border-gray-300 rounded-l-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
                                :class="[current > 1 ? '' : 'cursor-not-allowed']">

                                <span class="sr-only">上一页</span>
                                <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
                                    viewBox="0 0 6 10">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="M5 1 1 5l4 4" />
                                </svg>
                            </a>
                        </li>
                        <!-- 页码 -->
                        <li v-for="(pageNo, index) in pages" :key="index">
                            <a  @click="getTagArticles(pageNo)"
                            class="flex items-center justify-center px-4 h-10 leading-tight border  dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
                            :class="[pageNo == current ? 'text-sky-600  bg-sky-50 border-sky-300 hover:bg-sky-100 hover:text-sky-700' : 'text-gray-500 border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-700']">
                                {{ index + 1 }}
                            </a>
                        </li>
                        <!-- 下一页 -->
                        <li>
                            <a  @click="getTagArticles(current + 1)"
                                class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 rounded-r-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
                                :class="[current < pages ? '' : 'cursor-not-allowed']">
                                <span class="sr-only">下一页</span>
                                <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
                                    viewBox="0 0 6 10">
                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="2" d="m1 9 4-4-4-4" />
                                </svg>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>

            <!-- 右边侧边栏，占用一列 -->
            <aside class="col-span-4 md:col-span-1">
                <!-- 博主信息 -->
                <UserInfoCard></UserInfoCard>

                <!-- 分类 -->
                <CategoryListCard></CategoryListCard>

                <!-- 标签 -->
                <TagListCard></TagListCard>
            </aside>
        </div>

    </main>

    <ScrollToTopButton></ScrollToTopButton>

    <Footer></Footer>
</template>

<script setup>
import Header from '@/layouts/frontend/components/Header.vue'
import Footer from '@/layouts/frontend/components/Footer.vue'
import UserInfoCard from '@/layouts/frontend/components/UserInfoCard.vue'
import CategoryListCard from '@/layouts/frontend/components/CategoryListCard.vue'
import TagListCard from '@/layouts/frontend/components/TagListCard.vue'
import { ref, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { getTagAarticlePageList } from '@/api/frontend/tag'
import ScrollToTopButton from '@/layouts/frontend/components/ScrollToTopButton.vue'
import { getTagList } from '@/api/frontend/tag'

const route = useRoute()
const router = useRouter()
const tagName = ref(route.query.name)
const tagId = ref(route.query.id)

const articles = ref([])

watch(route, (newRoute, oldRoute) => {
    tagName.value = newRoute.query.name
    tagId.value = newRoute.query.id
    getTagArticles(current.value)
})

const current = ref(1)
const size = ref(10)
const total = ref(0)
const pages = ref(0)

function getTagArticles(currentNo) {
    if (currentNo < 1 || (pages.value > 0 && currentNo > pages)) return

    getTagAarticlePageList({currentPage: currentNo, size: size.value, id: tagId.value}).then((res) => {
        if(res.success) {
            articles.value = res.data
            current.value = res.current
            size.value = res.size
            total.value = res.total
            pages.value = res.pages
        }
    })
}

getTagArticles(current.value)

// 跳转文章详情页
const goArticleDetail = (articleId) => {
    router.push('/article/' + articleId)
}

// 所有标签
const tags = ref([])
getTagList({}).then((res) => {
    if (res.success) {
        tags.value = res.data
    }
})

// 跳转标签文章列表页
const goTagArticleListPage = (id, name) => {
    // 跳转时通过 query 携带参数（标签 ID、标签名称）
    router.push({ path: '/tag/article/list', query: { id, name } })
}
</script>